<template>
  <div class="avatar">
    <div class="header">
      <i class="iconfont icon-zyojiantou" @click="comeBack"></i>
      修改信息
    </div>
    <div class="content">
    <div class="checkSex" v-show="avatarShow">
        <div style="float: left;margin-top: 8px;" class="lableSex">用户头像：</div>
        <el-upload
             class="avatar-uploader"
             :data="uploadData"
             :action="imageHttp"
             name="file"
             :show-file-list="false"
             :on-success="handleAvatarSuccessz"
             :before-upload="beforeAvatarUpload"
             :on-error="handleAvatarError"
             :on-progress="handleAvatarPorgress">
             <img v-if="avatar" :src="avatar" style="height: 45px;border-radius: 57%;">
             <i  class="iconfont icon-mjiantou" style="float: right;padding-right: 14px;line-height: 36px;"></i>
          </el-upload>
    </div>


    </div>
    <div :class="modifyBtn" @click="overModify">完成</div>
    <div class="gradeListBox">
      <popup v-model="show" position="bottom" max-height="50%">
        <p class="btnBox"><span @click="chooseOK">确定</span></p>
        <picker ref="picker1" :data='gradeList' :fixed-columns="2" v-model='gradeListValue'></picker>
      </popup>
    </div>
  </div>
</template>

<style lang="scss" src='./avatar.scss'></style>
<script src="./avatar.js"></script>
